import React from 'react';
import { motion } from 'framer-motion';

interface HoverCardProps {
  children: React.ReactNode;
  className?: string;
  hoverScale?: number;
  hoverShadow?: string;
}

const HoverCard: React.FC<HoverCardProps> = ({ 
  children, 
  className = '',
  hoverScale = 1.02,
  hoverShadow = '0 10px 25px rgba(0, 0, 0, 0.1)'
}) => {
  return (
    <motion.div
      className={className}
      whileHover={{ 
        scale: hoverScale,
        boxShadow: hoverShadow
      }}
      transition={{ type: "spring", stiffness: 300, damping: 20 }}
    >
      {children}
    </motion.div>
  );
};

export default HoverCard;